<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">
	<head>
		<meta charset="utf-8"/>
		<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
		<title>FaceFun_正版精品漫画平台</title>
		<!-- Bootstrap CSS -->
		<!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
		<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"/>
		
		<link rel="stylesheet" type="text/css" th:href="@{/css/public.css}"/>
		<link rel="stylesheet" type="text/css" th:href="@{/css/headerandfooter.css}"/>
		<link rel="stylesheet" type="text/css" th:href="@{/css/iteminfo.css}"/>
		<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
		<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
		<!--[if lt IE 9]>
			<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.2/html5shiv.min.js"></script>
			<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
		<![endif]-->
	</head>
		<body th:inline="text">
			<div th:replace="front/index :: loginmodal"></div>
		
			<div th:replace="front/index :: whileheader"></div>


			<div class="titlebar titlebar-fixtop titlebar-shadow">
				<div class="container">
					
					<div class="row">
						<a class="col-xs-1 text-center" th:href="@{/index}">首页<span class="line"></span></a>
						<a class="col-xs-1 text-center" th:href="@{/category}">分类<span class="line"></span></a>
						<a class="col-xs-1 text-center" th:href="@{/update}">更新<span class="line"></span></a>
						<a class="col-xs-1 text-center" th:href="@{/over}">完结<span class="line"></span></a>
						<div class="row col-lg-2 pull-right text-right hidden-xs">
							<a href="" title=""><small>作者投稿</small></a>丨<a href="" title=""><small>福利政策</small></a>
						</div>
					</div>
				</div>
			</div>
			

			


			<!-- content主要内容-->
			<div class="content">
				<div class="container">
					<div class="media">
						<div class="pull-left">
							<img width="230px" class="media-object img-rounded img-thumbnail" th:src="@{${c.pic}}"/>
						</div>
						<div class="media-body">
							<div class="wordinfo-top">
								<h1>[[${c.name}]]<br/><small>[[${c.msg}]]</small></h1>
								<p class="title"><a class="red"><span class="glyphicon glyphicon-user"></span>&nbsp;&nbsp;[[${c.author}]]</a>&nbsp;|&nbsp;更新至&nbsp;&nbsp;<a class="red">[[${c.latestNum}]]话</a></p>
							</div><br/>
							<div class="wordinfo-content">
								<div class="row">
									<div class="col-xs-3" th:switch="${c.statu}">
										<span class="title">进度：</span>
										<a th:case="true" th:href="@{/category(jd=1)}">完结</a>
										<a th:case="false" th:href="@{/category(jd=1)}">连载中</a>
									</div>
									<div class="col-xs-3">
										<span class="title">题材：</span><a th:href="@{/category(tc=${c.tpId})}">[[${c.tpName}]]</a>
									</div>
									<div class="col-xs-3">
										<span class="title">人气：</span>[[${c.score}]]万
									</div>
								</div>
								<div class="row">
									<div class="col-xs-12">
										<p class="info"><span class="title">简介：</span>[[${c.info}]]</p>
									</div>
								</div>

									<div class="col-xs-5">
										<a th:href="@{'/reader/'+${c.id}+'/1'}" class="btn btn-danger btn-lg  readbtn"><span class="glyphicon glyphicon-book"></span>&nbsp;&nbsp;开始阅读</a>
									</div>
									<div class="col-xs-4">
										<a class="btn  btn-lg storebtn" th:classappend="${isStore?'checked':''}" th:data-id="${c.id}" th:data-pressed="${isStore}"><span class="glyphicon glyphicon-star-empty"></span>&nbsp;&nbsp;[[${isStore?"已":""}]]收藏</a>
									</div>

							</div>	
						
						</div>
						
					</div>
					
					<div class="chaptor">
						<div class="col-xs-9 mulu">
						    <div class="mulu-header clearfix">
						    	<h3 class="pull-left"><span class="glyphicon glyphicon-list icon"></span>&nbsp;&nbsp;目录</h3><a class="pull-right sortbtn" data-pressed="false"><span class="glyphicon glyphicon-sort-by-attributes"></span>&nbsp;&nbsp;正序</a>
						    </div>
						    <hr/>
						   
	
							<div class="row mulu-content">
							 
									<a th:each="p:${c.chaptors}" th:href="@{'/reader/'+${p.ctId}+'/'+${p.cpId}}" class="muluitem col-xs-3"><b>[[${p.cpId}]]</b>&nbsp;&nbsp;[[${p.name}]]</a>				
					
							 
							</div>
							
								<div class="row mulu-footer" th:if="${c.chaptors.size()} &gt; 16">
									<a class="showmulubtn" data-pressed="false">点击展开更多目录&nbsp;&nbsp;<span class="glyphicon glyphicon-chevron-down" ></span></a>
								</div>
						</div>
						
						<div th:replace="front/index :: ranklist"></div>
						
					</div>
			
				</div>
			</div>
			
			
			<div th:replace="front/index :: footer"></div>
			

			<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
   		    <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
			<!-- Bootstrap JavaScript -->
			
			
			
			<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
			<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
			<script src="https://cdn.bootcss.com/1000hz-bootstrap-validator/0.11.9/validator.min.js"></script>
			<script th:src="@{/js/topbar.js}" ></script>
	 		<script th:src="@{/js/iteminfo.js}"></script>
		</body>
</html>